<!doctype html> <!--
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
	<!--<![endif]-->
	<head>
		<meta charset="utf-8">
		<!-- Use the .htaccess and remove these lines to avoid edge case issues.
		More info: h5bp.com/b/378 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title><?php echo $template['title'];?></title>
		<meta name="description" content="">
		<meta name="author" content="Sobic Viet Nam">
		<!-- Mobile viewport optimized: j.mp/bplateviewport -->
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<!-- Place favicon.ico and apple-touch-icon.png in the root directory:
		mathiasbynens.be/notes/touch-icons -->
		
		<!-- CSS -->
		<link rel="stylesheet" href="<?php  echo THEME_PATH.$userCurrentTheme; ?>css/960gs/fluid.css"> <!-- 960.gs Grid System -->
		<!-- The HTML5-Boilerplate CSS styling -->
		<link rel="stylesheet" href="<?php  echo THEME_PATH.$userCurrentTheme; ?>css/h5bp/normalize.css"> <!-- RECOMMENDED: H5BP reset styles -->
		<link rel="stylesheet" href="<?php  echo THEME_PATH.$userCurrentTheme; ?>css/h5bp/non-semantic.helper.classes.css"> <!-- RECOMMENDED: H5BP helpers (e.g. .clear or .hidden) -->
		<link rel="stylesheet" href="<?php  echo THEME_PATH.$userCurrentTheme; ?>css/h5bp/print.styles.css"> <!-- OPTIONAL: H5BP print styles -->
		<!-- The special page's styling -->
		<link rel="stylesheet" href="<?php  echo THEME_PATH.$userCurrentTheme; ?>css/special-page.css"> <!-- REQUIRED: Special page styling -->
		<link rel="stylesheet" href="<?php  echo THEME_PATH.$userCurrentTheme; ?>css/sprites.css"> <!-- REQUIRED: Basic sprites (e.g. buttons, jGrowl) -->
		<link rel="stylesheet" href="<?php  echo THEME_PATH.$userCurrentTheme; ?>css/typographics.css"> <!-- REQUIRED: Typographics -->
		<link rel="stylesheet" href="<?php  echo THEME_PATH.$userCurrentTheme; ?>css/content.css"> <!-- REQUIRED: Content (we need the boxes) -->
		<link rel="stylesheet" href="<?php  echo THEME_PATH.$userCurrentTheme; ?>css/sprite.forms.css"> <!-- SPRITE: Forms -->
		<link rel="stylesheet" href="<?php  echo THEME_PATH.$userCurrentTheme; ?>css/ie.fixes.css"> <!-- OPTOINAL: Fixes for IE -->
		<link rel="stylesheet" href="<?php  echo THEME_PATH.$userCurrentTheme; ?>css/footer.css"> <!-- REQUIRED: Footer styling -->
		<!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->
		<!-- All JavaScript at the bottom, except this Modernizr build incl. Respond.js
		Respond is a polyfill for min/max-width media queries. Modernizr enables HTML5
		elements & feature detects;
		for optimal performance, create your own custom Modernizr build:
		www.modernizr.com/download/ -->
		<script src="<?php  echo THEME_PATH.$userCurrentTheme; ?>js/libs/modernizr-2.0.6.min.js"></script>
        
        <!-- JavaScript at the bottom for fast page loading -->
		<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
		<script src="<?php  echo THEME_PATH.$userCurrentTheme; ?>js/libs/jquery-1.7.1.min.js"></script>
		
		<script src="<?php  echo THEME_PATH.$userCurrentTheme; ?>js/libs/jquery-ui-1.8.16.min.js"></script>
		
		
		<!-- scripts concatenated and minified via build script -->
		<script defer src="<?php  echo THEME_PATH.$userCurrentTheme; ?>js/plugins.js"></script> <!-- REQUIRED: Different own jQuery plugnis -->
		<script defer src="<?php  echo THEME_PATH.$userCurrentTheme; ?>js/mylibs/jquery.validate.js"></script>
		<script defer src="<?php  echo THEME_PATH.$userCurrentTheme; ?>js/mylibs/jquery.jgrowl.js"></script>
		<script defer src="<?php  echo THEME_PATH.$userCurrentTheme; ?>js/mylibs/jquery.checkbox.js"></script>
		<script defer src="<?php  echo THEME_PATH.$userCurrentTheme; ?>js/mylibs/jquery.validate.js"></script>
		<script defer src="<?php  echo THEME_PATH.$userCurrentTheme; ?>js/script.js"></script> <!-- REQUIRED: Generic scripts -->
		<!-- end scripts -->
			
		
		<!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to
		support IE 6.
		chromium.org/developers/how-tos/chrome-frame-getting-started -->
		<!--[if lt IE 7 ]>
		<script defer
		src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
		<script
		defer>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
		<![endif]-->
        
        <link rel="stylesheet" href="<?php  echo ROOT_URL; ?>styles/common.css">
        <script language="javascript">
        //JAVA SCRIPT
			 var ROOT_URL 			= '<?php echo ROOT_URL?>';
			 var BASE_URL 			= '<?php echo site_url()?>';
			 var THEME_PATH			= '<?php echo THEME_PATH.$userCurrentTheme?>';
			 var SCRIPTS_PATH 		= '<?php echo SCRIPTS_PATH?>';
			 var STYLES_PATH 		= '<?php echo STYLES_PATH?>';
			 var DEFAULT_CONTROLLER = '<?php echo DEFAULT_CONTROLLER?>';
		
        </script>
         <?php echo $template['metadata']; ?>
	</head>
	<body class="special_page">